<template>
    <div class="system-logo">
        <img :src="logoUrl" alt="logo">
        <div>国家地震灾害风险防治平台</div>
    </div>
</template>

<script setup name="Header">
// logo图片
import logoUrl from '@/assets/logo/logo-all.png';

</script>

<style lang="scss" scoped>
.system-logo {
    position: absolute;
    top: 0;
    margin-top: 20px;
    height: 80px;
    width: 100%;
    font-size: 35px;
    color: white;
    font-weight: 700;
    letter-spacing: 1px;
    display: flex;
    justify-content: flex-start;
    align-items: center;

    img {
        height: 80px;
        margin: 0 20px;
    }
}
</style>